<template>
  <Teleport to="body">
    <LoginForm v-if="showLoginForm" @close="closeLoginForm" />
  </Teleport>
</template>

<script>
import { ref } from 'vue';
import LoginForm from '../components/LoginForm.vue';

export default {
  components: {
    LoginForm,
  },
  setup() {
    const showLoginForm = ref(true);

    const closeLoginForm = () => {
      showLoginForm.value = false;
    };

    return {
      showLoginForm,
      closeLoginForm,
    };
  },
};
</script>

<style scoped>
/* No styles needed as they are in LoginForm component */
</style>
